<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>专题网站</title>

    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>

    <link rel="stylesheet" type="text/css"  href="../css/bootstrap.min.css">
    <!--    自定义样式一定要放在bootstrap样式下面-->
    <link rel="stylesheet" type="text/css"  href="../css/web.css">

    <!--    bootstrap.js依赖于jquery.js-->
    <script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.min.js"></script>


    <style type="text/css">

    </style>
</head>



<body>
    <nav class="navbar navbar-inverse navbar-static-top">
        <div class="container">

            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a class="navbar-brand" href="#">
                    <img src="/tools/images/logo.png"/>
                </a>
            </div>

            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">首页</a></li>
                    <li><a href="#">公司简介</a></li>
                    <li><a href="#">解决方案</a></li>
                    <li><a href="#">成功案例</a></li>
                </ul>

                <form class="navbar-form navbar-right">
                    <div class="input-group" >
                        <input type="text" class="form-control" placeholder="搜索">
                        <span class="input-group-btn" >
                            <button class="btn btn-default">
                                <span class="glyphicon glyphicon-search"></span>
                            </button>
                        </span>
                    </div>

                </form>
            </div>
        </div>
    </nav>


    <div class="jumbotron">
        <div class="container">
            <div class="row">
                <div class="col-lg-5 col-lg-offset-1 col-md-5 col-md-offset-1">
                    <h2 class="banner-title">公司介绍</h2>
                    <p class="banner-detail">在“让投资更简单”的使命驱动下，2011年起，证券之星开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台，为投资者提供专业、合规、便捷的投资服务。同时通过和行业其他伙伴合作，根据投资者的使用场景，建立互联网证券的服务链，形成投资决策、投资交易和投资管理为一体的全产业链服务平台</p>
                </div>
                <div class="col-lg-5 col-md-5 hidden-sm hidden-xs">
<!--                    控制图片大小img-responsive-->
                    <img src="../images/person.png" class="img-responsive">
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid gray-bg">
        <div class="container">
            <h2 class="text-center common-title">解决方案</h2>
            <div class="row">
                <div class="text-center common-detail col-lg-8 col-lg-offset-2">
                    证券之星开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台，为投资者提供专业、合规、便捷的投资服务。同时通过和行业其他伙伴合作，根据投资者的使用场景，建立互联网证券的服务链，形成投资决策、投资交易和投资管理为一体的全产业链服务平台
                </div>
            </div>

            <div class="row list-con">
                <div class="col-lg-4 col-md-6 col-sm-6 list-item">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 list-item list02">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 list-item list03">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 list-item list04">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 list-item list05">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
                <div class="col-lg-4 col-md-6 col-sm-6 list-item list06">
                    <h3>网络集成</h3>
                    <p>开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
            </div>
        </div>
    </div>

    <div class="container">
        <h2 class="text-center common-title">成功案例</h2>
        <div class="row">
            <div class="text-center common-detail col-lg-8 col-lg-offset-2">
                证券之星开始专注于打造一个兼具财经资讯服务和投资服务的价值互动平台，为投资者提供专业、合规、便捷的投资服务。同时通过和行业其他伙伴合作，根据投资者的使用场景，建立互联网证券的服务链，形成投资决策、投资交易和投资管理为一体的全产业链服务平台
            </div>
        </div>

        <div class="row case-list">
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6">
                <img src="../images/pic01.jpg"/>
                <div class="mask">
                    <h4>成功案例</h4>
                    <p>打造一个兼具财经资讯服务和投资服务的价值互动平台</p>
                </div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic02.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic03.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic04.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic05.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic06.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic07.jpg"/></div>
            <div class="col-lg-3 col-md-3 col-sm-4 col-xs-6"><img src="../images/pic08.jpg"/></div>
        </div>
    </div>


    <div class="container-fluid blue-bg">
        <div class="container">
            <h2 class="text-center common-title">合作伙伴</h2>
            <div class="row">
                <div class="text-center common-detail">
                   我们有众多伙伴
                </div>
            </div>

            <div class="row logs-list">
                <div class="col-lg-2"><a href="#"></a></div>
                <div class="col-lg-2"><a href="#" class="log02"></a></div>
                <div class="col-lg-2"><a href="#" class="log03"></a></div>
                <div class="col-lg-2"><a href="#" class="log04"></a></div>
                <div class="col-lg-2"><a href="#" class="log05"></a></div>
            </div>
        </div>
    </div>

    <div class="container-fluid gray-bg">
        <div class="container">
            <div class="row links-list">
                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
                    <dt>公司</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">公司招聘</a></dd>
                    <dd><a href="#">公司团队</a></dd>
                    <dd><a href="#">版权</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">隐私政策</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </div>

                <div class="col-lg-3 col-md-6  col-sm-6 col-xs-6">
                    <dt>公司</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">公司招聘</a></dd>
                    <dd><a href="#">公司团队</a></dd>
                    <dd><a href="#">版权</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">隐私政策</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </div>

                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
                    <dt>公司</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">公司招聘</a></dd>
                    <dd><a href="#">公司团队</a></dd>
                    <dd><a href="#">版权</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">隐私政策</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </div>

                <div class="col-lg-3 col-md-6 col-sm-6 col-xs-6">
                    <dt>公司</dt>
                    <dd><a href="#">关于我们</a></dd>
                    <dd><a href="#">公司招聘</a></dd>
                    <dd><a href="#">公司团队</a></dd>
                    <dd><a href="#">版权</a></dd>
                    <dd><a href="#">使用条款</a></dd>
                    <dd><a href="#">隐私政策</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                </div>

            </div>

        </div>
    </div>

    <div class="container-fluid dark-bg">
        <div class="container">
            <div class="row footer">
                <div class="col-lg-6 col-md-6 col-sm-6 text-left">@.2020 Comlogo.All Rights Reserved.</div>
                <div class="col-lg-6 col-md-6 col-sm-6 text-right">
                    <a href="#">Home</a>
                    <a href="#">About Us</a>
                    <a href="#">Fap</a>
                    <a href="#">Contact Us</a>
                </div>
            </div>
        </div>
    </div>

</body>

</html>
